<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪数组转换为真数组</title>
</head>
<body>
<h3>伪数组转换为 真数组</h3>
<p>
    静态方法 Array.from() <br>
    因为伪数组有些操作不能用, 所以要转换成为 真数组
</p>
<hr>


<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

<script>
    // 获取DOM元素
    const li列表 = document.querySelectorAll('ul li') // 这里返回的是一个 伪数组 (实际是一个, 节点列表)
    console.log(li列表)
    // li列表.pop() // 报错,因为不是真数组,不能使用数组的 增删改查 功能
    console.log(...li列表)


    //  Array.from(li列表) 把伪数组转换为真数组
    const 数组_li列表 = Array.from(li列表)
    数组_li列表.pop() // 删除数组最后一个元素

    console.log(数组_li列表) // 输出看结果, 删除了一个元素
</script>
</body>
</html>